import React, { useState, useEffect } from "react";
import { Checkbox, Dropdown, Input, Table, Space, notification, Popconfirm, Select, Tabs, Button, Radio, Upload, message, Pagination, Modal, Menu } from "antd";
import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';

import Header from "../../components/Header";
import Footer from "../../components/Footer";

import { BASE_URL } from "../../request/api";
import { fieldGet, paramChange } from "../../common/common";
import { store } from "../../store";
import Menue from "../../components/Leftmenu";
import http from "../../request";

import ResizeableTitle from "../../components/ResizableTitle"

const { TabPane } = Tabs;
const { Option } = Select

const getBase64 = (img, callback) => {
    const reader = new FileReader();
    reader.addEventListener('load', () => callback(reader.result));
    reader.readAsDataURL(img);
};
const beforeUpload = (file) => {
    const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg';
    if (!isJpgOrPng) {
        message.error('上传格式不正确！');
    }
    const isLt2M = file.size / 1024 / 1024 < 2;
    if (!isLt2M) {
        message.error('图片大小必须小于2MB!');
    }
    return isJpgOrPng && isLt2M;
};
const editDefault = {
    id: '',//ID
    birthday: '',//生日
    avatar: '',//头像
    store_id: '',//所属部门
    number: '',//员工编号
    username: '',//员工姓名
    nickname: '',//员工姓名
    mobile: '',//电话号码
    gender: '',//性别
    status: '',//状态
    email: '',//邮箱
    money: '',//公积金
    duty: '',//职务
    induction: '',//入职
    native_place: '',//员工籍贯
    school: '',//毕业院校
    id_number: '',//身份证号
    social_no: '',//社保卡号
    family_addr: '',//家庭住址
    bank_no: '',//银行账号
    memo: '',//备注信息
    nation: '',//民族
    face: '',//面貌
    education: '',//学历
    source: '',//来源
    weixin: '',//微信号
    quit: '',//离职
    password: '',//登录密码
    salt: '',//确认密码
}

const Setting = () => {
    const field = { store_id: '=', group_id: '=', city: '=', region: '=', area: '=' }
    const formDefault = { store_id: '', group_id: '' }
    const pageDefault = { page: 1, pageSize: 10 }
    const [source, setSource] = useState([])
    const [show, setShow] = useState(!1)//显示部门的还是显示职务的数据

    // 所有部门
    const decolumn = [
        {
            title: '头像',
            dataIndex: 'avatar',
            align: 'center',
            width: 80,
            render: e => e ? <img className="avatar" src={e} alt="" /> : ''
        }, {
            title: '编号',
            dataIndex: 'number', 
            width: 80,
            align: 'center'
        }, {
            title: '姓名',
            dataIndex: 'nickname',
            width: 80,
            align: 'center'
        }, {
            title: '职务',
            dataIndex: 'group',
            width: 80,
            align: 'center',
            render: e => e?.name ?? ''
        }, {
            title: '职责',
            dataIndex: 'duty',
            width: 80,
            align: 'center'
        }, {
            title: '状态',
            dataIndex: 'condition',
            width: 80,
            align: 'center'
        }, {
            title: '入职',
            dataIndex: 'induction',
            width: 80,
            align: 'center'
        }, {
            title: '上班',
            dataIndex: 'start_work',
            width: 80,
            align: 'center'
        }, {
            title: '图片',
            dataIndex: 'image',
            width: 80,
            align: 'center'
        }, {
            title: '电话',
            dataIndex: 'mobile',
            width: 80,
            align: 'center'
        }, {
            title: '部门名称',
            dataIndex: 'store',
            align: 'center',
            render: e => e?.name ?? '',
            width: 80,
        }, {
            title: '操作',
            align: 'center',
            render: e => (
                <Space size="middle">
                    {/* <img className="u-btn" src={require('../../assets/icon/icon-12.png').default} alt="" title="编辑" onClick={() => {
                        setEstateShow(!0)
                        setEstateId(e.id)
                        setEstateTab('1')
                    }} />
                    <Popconfirm title="确定删除？" okText="确定" cancelText="取消" onConfirm={() => listDel(e.id)}>
                        <img className="u-btn" src={require('../../assets/icon/icon-13.png').default} alt="" title="删除" />
                    </Popconfirm> */}

                    <img className="u-btn" src={require('../../assets/icon/icon-12.png').default} alt="" title="编辑" onClick={() => staffEdit(e.id)} />
                    <Popconfirm title="确定删除？" okText="确定" cancelText="取消" onConfirm={() => listDel(e.id)}>
                        <img className="u-btn" src={require('../../assets/icon/icon-13.png').default} alt="" title="删除" />
                    </Popconfirm>

                    {/* <img className="u-btn" src={require('../../assets/icon/icon-12.png').default} alt="" title="编辑" onClick={() => staffEdit(e.id)}/> */}
                    {/* <Popconfirm title="确定删除？" okText="确定" cancelText="取消" onConfirm={() => staffDel(e.id)}>
                        <img className="u-btn" src={require('../../assets/icon/icon-13.png').default} alt=""  title="删除"/>
                    </Popconfirm> */}
                </Space>
            )
        }
    ]
    // 所有职务
    const column = [
        {
            title: '头像',
            dataIndex: 'avatar',
            align: 'center',
            width: 80,
            render: e => e ? <img className="avatar" src={e} alt="" /> : ''
        }, {
            title: '编号',
            dataIndex: 'number',
            align: 'center',
            width: 80
        }, {
            title: '姓名',
            dataIndex: 'nickname',
            align: 'center',
            width: 80
        }, {
            title: '职务',
            dataIndex: 'group',
            align: 'center',
            render: e => e?.name ?? '',
            width: 80
        }, {
            title: '职责',
            dataIndex: 'duty',
            align: 'center',
            width: 80
        }, {
            title: '状态',
            dataIndex: 'condition',
            align: 'center',
            width: 80
        }, {
            title: '入职',
            dataIndex: 'induction',
            align: 'center',
            width: 80
        }, {
            title: '上班',
            dataIndex: 'start_work',
            align: 'center',
            width: 80
        }, {
            title: '图片',
            dataIndex: 'image',
            align: 'center',
            width: 80
        }, {
            title: '电话',
            dataIndex: 'mobile',
            align: 'center',
            width: 80
        }, {
            title: '简历',
            dataIndex: 'resume',
            align: 'center',
            width: 80
        }, {
            title: '操作',
            align: 'center',
            render: e => (
                <Space size="middle">


                    <img className="u-btn" src={require('../../assets/icon/icon-12.png').default} alt="" title="编辑" onClick={() => staffEdit(e.id)} />
                    <Popconfirm title="确定删除？" okText="确定" cancelText="取消" onConfirm={() => listDel(e.id)}>
                        <img className="u-btn" src={require('../../assets/icon/icon-13.png').default} alt="" title="删除" />
                    </Popconfirm>


                </Space>
            )
        }
    ]

    // 城区-树状
    const [menuKeys, setMenuKeys] = useState(0)
    // 表格-查询
    const [form, setForm] = useState(formDefault)
    const [pager, setPager] = useState(pageDefault)
    const [total, setTotal] = useState(0)

    //  const [merge, setMerge] = useState({show: !1})
    //  const [mergeForm, setMergeForm] = useState({})
    //  const [from, setFrom] = useState({name: '', list: []})

    const [staffImg, setStaffImg] = useState([])
    const [editForm, setEditForm] = useState(editDefault)


    const [loading, setLoading] = useState(false);
    const [imageUrl, setImageUrl] = useState();

    const [staffShow, setStaffShow] = useState(!1)

    const [staffForm2, setStaffForm2] = useState({})
    const [allAuth, setAllAuth] = useState([])


    // 信息
    const [info, setinfo] = useState(null)

    const [staffShow2, setstaffShow2] = useState(!1)

    const [data, setdata] = useState('')

    const [allStore, setAllStore] = useState([])

    const [as, setas] = useState(undefined)

    const uploadButton = (
        <div>
            {loading ? <LoadingOutlined /> : <PlusOutlined />}
            <div
                style={{
                    marginTop: 8,
                }}
            >
                Upload
            </div>
        </div>
    );

    const [isDropdown, setisDropdown] = useState(!1)

    // 左键楼盘字典的菜单项
    const menu = (
        <Menu mode="vertical" onClick={() => setisDropdown(!1)}>
            <Menu.Item key='1' onClick={()=> settotalshow(!0)}>员工关联统计</Menu.Item>
            {/* <Menu.Item key='2'>员工调动记录</Menu.Item> */}
            <Menu.Item key='3' onClick={() => setStaffShow(!0)}>新增员工</Menu.Item>
            <Menu.Item key='4' onClick={() => {
                setEditForm(info)
                staffEdit(info.id)
            }}>修改员工</Menu.Item>
            <Menu.Item key='5' onClick={() => listDel(info.id)}>删除员工</Menu.Item>
            <Menu.Item key='6' onClick={() => settransfershow(!0)}>调动离职</Menu.Item>
            <Menu.Item key='7'>转客房</Menu.Item>

            {/* <Menu.Item key='9'>置顶</Menu.Item> */}
        </Menu>
    );

    const [columns, setColumns] = useState(column)
    const [decolumns, setDecolumns] = useState(decolumn)

    const [transfershow, settransfershow] = useState(!1)
    const [transferForm, settransferForm] = useState({})

    const [totalshow, settotalshow] = useState(!1)
    const [tota, settota] = useState({})

    useEffect(() => {
        listGet(form)
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [menuKeys, pager])

    useEffect(() => {
        staffShow && getAllStore()
    }, [staffShow])

    useEffect(() => {
        qxListGet()
    }, [])

    useEffect(() => {
        console.log(editForm);
    }, [editForm])

    useEffect(() => {
        transfershow && getAllStore()
        transfershow && settransferForm({store_id: info.store_id})
    },[transfershow])

    useEffect(()=>{
        totalshow && statistics()
    },[totalshow])

    return (
        <React.Fragment>
            <Header navCur={7} />
            <div className="Store page u-m-20 u-p-20">
                <Tabs>
                    <TabPane tab="组织机构" key="1">
                        <div className="u-flex u-row-between u-m-t-20">
                            <div className="u-flex">
                                {/* <Button type="primary" style={{ marginRight: 10 }} size="small" onClick={() => {
                                }}>
                                    <div className="u-flex">
                                        <img src={require('../../assets/icon/icon-18.png').default} alt="" />
                                        <span className="u-m-l-5">新增部门</span>
                                    </div>
                                </Button> */}
                                <Button type="primary" style={{ marginRight: 10 }} size="small" onClick={() => {
                                    setStaffShow(!0)
                                }}>
                                    <div className="u-flex">
                                        <img src={require('../../assets/icon/icon-18.png').default} alt="" />
                                        <span className="u-m-l-5">新增员工</span>
                                    </div>
                                </Button>

                            </div>
                        </div>
                        <div className="u-m-t-20 u-flex u-col-top">
                            <Menue menuKeys={menuKeys} menuChange={menuChange} butChange={butChange} />
                            <div>
                                {/* 职务 */}
                                <Dropdown overlay={menu} trigger={['contextMenu']} visible={isDropdown} onVisibleChange={VisibleChange}>
                                    <div>
                                        <Table sticky bordered size="small" scroll={{ x: 900, y: 200 }} rowSelection={false} onRow={e => ({
                                            onClick: () => {
                                                setinfo(e)
                                                setas(e.id)
                                                console.log(e);
                                                getstaff(e.id)
                                                setisDropdown(!1)
                                            },
                                            onDoubleClick: () => {
                                                setinfo(e)
                                                setEditForm(e)
                                                staffEdit(e.id)
                                                setisDropdown(!1)
                                            },
                                            onContextMenu: (event) => {
                                                setisDropdown(true)
                                                console.log(e);
                                                setinfo(e)
                                                event.preventDefault()
                                            },
                                        })} rowKey={e => e.id} components={{
                                            header: {
                                                cell: ResizeableTitle
                                            }
                                        }} rowClassName={e => e.id === as ? 'bgc' : ''} dataSource={source} columns={
                                            (show ? decolumns.map((col, index) => {
                                                return {
                                                    ...col,
                                                    onHeaderCell: (column) => ({
                                                        width: column.width,
                                                        onResize: (e, { size }) => {
                                                            setDecolumns((decolumns) => {
                                                                const nextColumns = [...decolumns];
                                                                nextColumns[index] = {
                                                                    ...nextColumns[index],
                                                                    width: size.width
                                                                }
                                                                return nextColumns;
                                                            })
                                                        }
                                                    })
                                                }
                                            }) : columns.map((col, index) => {
                                                return {
                                                    ...col,
                                                    onHeaderCell: (column) => ({
                                                        width: column.width,
                                                        onResize: (e, { size }) => {
                                                            setColumns((columns) => {
                                                                const nextColumns = [...columns];
                                                                nextColumns[index] = {
                                                                    ...nextColumns[index],
                                                                    width: size.width
                                                                }
                                                                return nextColumns;
                                                            })
                                                        }
                                                    })
                                                }
                                            })
                                        )} pagination={false} style={{ width: '100%', maxHeight: 800, overflowY: 'auto' }} />
                                    </div>
                                </Dropdown>
                                <Pagination showQuickJumper current={pager.page} pageSize={pager.pageSize} total={total} onChange={(page, pageSize) => setPager({ page, pageSize })} style={{ float: "right", marginTop: 20 }} />
                                <div className="u-flex u-row-between u-m-t-20 u-m-l-10">
                                    <Tabs defaultActiveKey="1" >
                                        <TabPane tab="房源[1]" key="1">
                                            <div className="u-flex-top u-font-12">
                                                <div>
                                                    <div className="u-font-12 u-border">
                                                        <div className="u-flex u-m-l-5">
                                                            <div style={{ width: 50 }}>{data?.house1?.fyck?.des ?? ''}</div>
                                                            <Select size="small" value={data?.house1?.fyck?.value} onChange={(e) => changeParams('fyck', e, 'house1')} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.fyck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-f-col u-m-l-10" style={{ width: 40 }}>{data?.house1?.ksp?.des ?? ''}</div>
                                                            <Select size="small" value={data?.house1?.ksp?.value} onChange={(e) => changeParams('ksp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.ksp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-m-l-5 u-f-col u-font-12">设</div>
                                                            <Select value={data?.house1?.szsp?.value} size="small" onChange={(e) => changeParams('szsp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.szsp?.valueArea?.map((i, ind) => <Option style={{ height: 10 }} key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-2 u-m-l-5">
                                                            <div style={{ width: 50 }}>{data?.house1?.fyxz?.des ?? ''}</div>
                                                            <Select value={data?.house1?.fyxz?.value} size="small" onChange={(e) => changeParams('fyxz', e, 'house1')} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.fyxz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-m-l-10 u-f-col" style={{ width: 40 }}>{data?.house1?.ktp?.des ?? ''}</div>
                                                            <Select value={data?.house1?.ktp?.value} size="small" onChange={(e) => changeParams('ktp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.ktp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-m-l-5 u-f-col u-font-12">设</div>
                                                            <Select value={data?.house1?.sztp?.value} size="small" onChange={(e) => changeParams('sztp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12 u-m-r-20" style={{ width: 64 }}>
                                                                {data?.house1?.sztp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-2 u-m-l-5">
                                                            <div style={{ width: 50 }}>{data?.house1?.qbxg?.des ?? ''}</div>
                                                            <Select value={data?.house1?.qbxg?.value} size="small" onChange={(e) => changeParams('qbxg', e, 'house1')} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.qbxg?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-m-l-10 u-f-col" style={{ width: 40 }}>{data?.house1?.kfp?.des ?? ''}</div>
                                                            <Select value={data?.house1?.kfp?.value} size="small" onChange={(e) => changeParams('kfp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.kfp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <div className="u-m-l-5 u-f-col u-font-12">设</div>
                                                            <Select value={data?.house1?.szfp?.value} size="small" onChange={(e) => changeParams('szfp', e, 'house1')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.szfp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-2 u-m-l-5">
                                                            <div>{data?.house1?.bfxg?.des ?? ''}</div>
                                                            <Select value={data?.house1?.bfxg?.value} size="small" onChange={(e) => changeParams('bfxg', e, 'house1')} className="u-m-l-2 u-i-col u-font-12" style={{ width: 64 }}>
                                                                {data?.house1?.bfxg?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                            <Checkbox checked={data?.house1?.kbgpkyz?.value} onChange={(e) => changeParams('kbgpkyz', e.target.checked, 'house1')} className="u-m-l-90 u-font-12">{data?.house1?.kbgpkyz?.des ?? ''}</Checkbox>
                                                        </div>
                                                        <div className="u-flex u-m-t-2 u-m-l-5">
                                                            <div>[部分修改]可修改</div>
                                                            <div className="u-m-l-100">[私盘/特盘/封盘]可查看</div>
                                                        </div>
                                                    </div>
                                                    <div className="u-font-12 u-border-left u-flex-top  u-border-bottom">
                                                        <div>
                                                            <div className="u-flex u-m-l-5 u-m-t-5">
                                                                <Checkbox checked={data?.house1?.transaction?.value} onChange={(e) => changeParams('transaction', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.transaction?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.state?.value} onChange={(e) => changeParams('state', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.state?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.orientation?.value} onChange={(e) => changeParams('orientation', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.orientation?.des ?? ''}</Checkbox>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>归属1</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-5">
                                                                <Checkbox checked={data?.house1?.room_type?.value} onChange={(e) => changeParams('room_type', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.room_type?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.total_floor?.value} onChange={(e) => changeParams('total_floor', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.total_floor?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.current_state?.value} onChange={(e) => changeParams('current_state', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.current_state?.des ?? ''}</Checkbox>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>归属2</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-5">
                                                                <Checkbox checked={data?.house1?.house_area?.value} onChange={(e) => changeParams('house_area', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.house_area?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.price?.value} onChange={(e) => changeParams('price', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.price?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.dy?.value} onChange={(e) => changeParams('dy', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.dy?.des ?? ''}</Checkbox>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>归属3</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-5">
                                                                <Checkbox checked={data?.house1?.yz?.value} onChange={(e) => changeParams('yz', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.yz?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.source?.value} onChange={(e) => changeParams('source', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.source?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.elevator?.value} onChange={(e) => changeParams('elevator', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.elevator?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.remark?.value} onChange={(e) => changeParams('remark', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.remark?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-5">
                                                                <Checkbox />
                                                                <div>委托方式</div>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>房产证</div>
                                                                <Checkbox className="u-m-l-22" />
                                                                <div>看房</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-5">
                                                                <Checkbox />
                                                                <div>委托编号</div>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>房源明细</div>
                                                                <Checkbox className="u-m-l-10" />
                                                                <div>房本年限</div>
                                                            </div>
                                                        </div>
                                                        <div className="u-border-left ">
                                                            <Checkbox checked={data?.house1?.position?.value} onChange={(e) => changeParams('position', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.position?.des ?? ''}</Checkbox><br />
                                                            <Checkbox checked={data?.house1?.room_num?.value} onChange={(e) => changeParams('room_num', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.room_num?.des ?? ''}</Checkbox><br />
                                                            <Checkbox checked={data?.house1?.floor?.value} onChange={(e) => changeParams('floor', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.floor?.des ?? ''}</Checkbox><br />
                                                            <Checkbox checked={data?.house1?.dj?.value} onChange={(e) => changeParams('dj', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.dj?.des ?? ''}</Checkbox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div className=" u-font-12 u-m-t-2">
                                                    <div className="u-flex-top">
                                                        <div className=" u-border-top u-border-left" style={{ width: 165, height: 188, overflow: 'auto' }}>
                                                            <div className="u-flex-top u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yzfsz?.value} onChange={(e) => changeParams('yzfsz', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.yzfsz?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.jjfsz?.value} onChange={(e) => changeParams('jjfsz', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.jjfsz?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.wlfsz?.value} onChange={(e) => changeParams('wlfsz', e.target.checked, 'house1')} className="u-font-12 u-m-l-5">{data?.house1?.wlfsz?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yx_yd?.value} onChange={(e) => changeParams('yx_yd', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.yx_yd?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yx_ys?.value} onChange={(e) => changeParams('yx_ys', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.yx_ys?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yx_yz?.value} onChange={(e) => changeParams('yx_yz', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.yx_yz?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yx_qt?.value} onChange={(e) => changeParams('yx_qt', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.yx_qt?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.yd_fyd?.value} onChange={(e) => changeParams('yd_fyd', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.yd_fyd?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.fyx_yx?.value} onChange={(e) => changeParams('fyx_yx', e.target.checked, 'house1')} className="u-font-12 u-m-l-5 u-f-col">{data?.house1?.fyx_yx?.des ?? ''}</Checkbox>
                                                            </div>
                                                        </div>
                                                        <div className="u-border-top u-border-right u-border-left" style={{ width: 440 }}>
                                                            <div className="u-flex-top">
                                                                <div className="u-m-l-5" style={{ width: 60 }}>跟进查看</div>
                                                                <Input placeholder="跨部" style={{ width: 60, height: 20 }} />
                                                                <div className="u-m-l-2">(对房源归属人)</div>
                                                                <div className="u-m-l-35">重点跟进看</div>
                                                                <Input placeholder="(无)" style={{ width: 60, height: 20 }} />
                                                                <div>设</div>
                                                                <Input placeholder="(无)" style={{ width: 60, height: 20 }} />
                                                            </div>
                                                            <div className="u-flex">
                                                                <div className="u-m-l-5" style={{ width: 60 }}>看房查看</div>
                                                                <Input placeholder="本人" style={{ width: 60, height: 20 }} />
                                                                <div className="u-m-l-2">(对跟进人/客源关联)</div>
                                                                <div className="u-m-l-5">专属跟进看</div>
                                                                <Input placeholder="(无)" style={{ width: 60, height: 20 }} />
                                                                <div>设</div>
                                                                <Input placeholder="(无)" style={{ width: 60, height: 20 }} />
                                                            </div>
                                                            <div className="u-flex">
                                                                <div className="u-m-l-5">跟进点评</div>
                                                                <Input placeholder="(无)" className="u-m-l-12" style={{ width: 60, height: 20 }} />
                                                                <div className="u-m-l-2">(对客源跟进点评)</div>
                                                            </div>
                                                            <div className="u-flex">
                                                                <div className="u-m-l-5">跟进审核</div>
                                                                <Input placeholder="(无)" className="u-m-l-12" style={{ width: 60, height: 20 }} />
                                                                <div className="u-m-l-10">反审核</div>
                                                                <Input placeholder="(无)" className="u-m-l-5" style={{ width: 60, height: 20 }} />
                                                                <div className="u-m-l-5">(含客跟)</div>
                                                            </div>
                                                            <br />
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.gjxz?.value} onChange={(e) => changeParams('gjxz', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.gjxz?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.gjsc?.value} onChange={(e) => changeParams('gjsc', e.target.checked, 'house1')} className="u-font-12 u-m-l-40">{data?.house1?.gjsc?.des ?? ''}</Checkbox>
                                                                <Checkbox className="u-m-l-20" />
                                                                <div>跟进置顶</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.gjxg?.value} onChange={(e) => changeParams('gjxg', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.gjxg?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house1?.gjsc_all?.value} onChange={(e) => changeParams('gjsc_all', e.target.checked, 'house1')} className="u-font-12 u-m-l-16">{data?.house1?.gjsc_all?.des ?? ''}</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox checked={data?.house1?.gjxg_all?.value} onChange={(e) => changeParams('gjxg_all', e.target.checked, 'house1')} className="u-font-12">{data?.house1?.gjxg_all?.des ?? ''}</Checkbox>
                                                                <Checkbox className="u-m-l-16" />
                                                                <div>批量自定义查询</div>
                                                            </div>
                                                            <div className="u-flex u-m-l-10">
                                                                <Checkbox />
                                                                <div>[预定]看业主</div>
                                                                <Checkbox className="u-m-l-85" />
                                                                <div>不受[每房源看业主次]限制</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div className="u-border">
                                                        <div className="u-flex u-p-t-5">
                                                            <div className="u-m-l-20">出售看业主</div>
                                                            <Input placeholder="0" className="u-m-l-10" style={{ width: 55, height: 20 }} />
                                                            <div>次/天</div>
                                                            <Checkbox className="u-m-l-20" />
                                                            <div>看业主不必写申请</div>
                                                            <Checkbox className="u-m-l-30" />
                                                            <div>不必写跟进</div>
                                                        </div>
                                                        <div className="u-flex ">
                                                            <div className="u-m-l-20">出租看业主</div>
                                                            <Input placeholder="0" className="u-m-l-10" style={{ width: 55, height: 20 }} />
                                                            <div>次/天</div>
                                                            <Checkbox className="u-m-l-20" />
                                                            <div>看业主不必写申请</div>
                                                            <Checkbox className="u-m-l-30" />
                                                            <div>不必写跟进</div>
                                                        </div>
                                                        <div className="u-flex ">
                                                            <div className="u-m-l-20">[&lt;=900:不限次+记日志][=999:不记日志][次数=999都不启用]</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="房源[2]" key="2" style={{ fontSize: 12 }}>
                                            <div className="u-flex-top">
                                                <div className="u-border u-p-l-5 u-p-t-5" style={{ width: 180 }}>
                                                    <div className="u-flex">
                                                        <div>{data?.house2?.entrust?.des ?? ''}</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.entrust?.value ?? ''} onChange={(e) => changeParams('entrust', e, 'house2')} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.entrust?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>{data?.house2?.fyxq?.des ?? ''}</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.fyxq?.value ?? ''} onChange={(e) => changeParams('fyxq', e, 'house2')} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.fyxq?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>{data?.house2?.fyjl?.des ?? ''}</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.fyjl?.value ?? ''} onChange={(e) => changeParams('fyjl', e, 'house2')} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.fyjl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>{data?.house2?.scfytp?.des ?? ''}</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.scfytp?.value ?? ''} onChange={(e) => changeParams('scfytp', e, 'house2')} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.scfytp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>证件图查看</div>
                                                        <Select className="u-m-l-18" value={data?.house2?.scfytp?.value ?? ''} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.scfytp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>{data?.house2?.delfytp?.des ?? ''}</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.delfytp?.value ?? ''} onChange={(e) => changeParams('delfytp', e, 'house2')} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.delfytp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-l-5">
                                                        <Checkbox style={{ margin: 0, fontSize: 12 }}>房源激活（本部）</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-5">
                                                        <Checkbox style={{ margin: 0, fontSize: 12 }}>房源激活（跨部）</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-5">
                                                        <Checkbox checked={data?.house2?.ggzhxg?.value} onChange={(e) => changeParams('ggzhxg', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.ggzhxg?.des ?? ''}</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-5">
                                                        <Checkbox style={{ margin: 0, fontSize: 12 }}>房源发布权限</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div>发布列表</div>
                                                        <Select className="u-m-l-5" value={data?.house2?.scfytp?.value ?? ''} size="small" style={{ width: 64 }}>
                                                            {data?.house2?.scfytp?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                        </Select>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div className="u-flex-top">
                                                        <div style={{ width: 135 }}>
                                                            <div className="u-border-right u-border-top  u-padding-top-10 u-padding-left-10 u-padding-right-10 u-padding-bottom-5">
                                                                <div>[交易]可查看</div>
                                                                <div className="u-flex">
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>出售</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>出租</Checkbox>
                                                                </div>
                                                            </div>
                                                            <div className="u-border-right u-border-top u-padding-10">
                                                                <div>[用途]可查看</div>
                                                                <div className="u-flex u-flex-wrap" style={{ width: 135 }}>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>住宅</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>商铺</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>商住</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>写字楼</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>铺厂</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>写厂</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>车位</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>地皮</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>仓库</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>厂房</Checkbox>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div className="u-flex-top u-padding-top-10 u-padding-left-10 u-padding-right-10 u-padding-bottom-5 u-border-top u-border-right" style={{ width: 280 }}>
                                                            <div>
                                                                <div style={{ width: 125 }}>
                                                                    <div>[委托]可保存</div>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>A委托方式</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>B委托方式</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>C委托方式</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>X委托方式</Checkbox>
                                                                    <div className="u-m-t-10">[钥匙]</div>
                                                                    <Checkbox checked={data?.house2?.yslr?.value} onChange={e => changeParams('yslr', e.target.checked, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.yslr?.des ?? ''}</Checkbox>
                                                                    <div className="u-flex">
                                                                        <div>{data?.house2?.ysgl?.des ?? ''}</div>
                                                                        <Select className="u-m-l-5" value={data?.house2?.ysgl?.value} onChange={e => changeParams('ysgl', e.target.checked, 'house2')} size="small" style={{ width: 64 }}>
                                                                            {data?.house2?.ysgl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                        </Select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div className="u-m-l-10">
                                                                <div className="u-f-col">审批</div>
                                                                <div className="u-flex">
                                                                    <div>审批查看</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ysgl?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ysgl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-f-col u-m-t-10">[实勘]</div>
                                                                <div className="u-flex">
                                                                    <div>实勘查看</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ysgl?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ysgl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-flex">
                                                                    <div>实勘审核</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ysgl?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ysgl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-flex">
                                                                    <div>实勘删除</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ysgl?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ysgl?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div className="u-flex-top  u-padding-top-10 u-padding-left-10 u-padding-right-10 u-padding-bottom-5 u-border-top u-border-right">
                                                            <div style={{ width: 135 }}>
                                                                <div className="u-flex">
                                                                    <div className="u-f-col">{data?.house2?.zlfck?.des ?? ''}</div>
                                                                    <Select className="u-m-l-5 u-i-col" value={data?.house2?.zlfck?.value} onChange={e => changeParams('zlfck', e, 'house2')} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.zlfck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-flex u-m-t-2">
                                                                    <div className="u-f-col u-m-r-1">{data?.house2?.ckyz?.des ?? ''}</div>
                                                                    <Select className="u-m-l-16 u-i-col" value={data?.house2?.ckyz?.value} onChange={e => changeParams('ckyz', e, 'house2')} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ckyz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-flex u-m-t-2">
                                                                    <div className="u-f-col">全部修改</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ckyz?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ckyz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <div className="u-flex u-m-t-2">
                                                                    <div className="u-f-col">部分修改</div>
                                                                    <Select className="u-m-l-5" value={data?.house2?.ckyz?.value} size="small" style={{ width: 64 }}>
                                                                        {data?.house2?.ckyz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>)}
                                                                    </Select>
                                                                </div>
                                                                <Checkbox className="u-m-t-5" checked={data?.house2?.zlfxz?.value} onChange={e => changeParams('zlfxz', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfxz?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house2?.zlfgx?.value} onChange={e => changeParams('zlfgx', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfgx?.des ?? ''}</Checkbox>
                                                                <Checkbox checked={data?.house2?.zlfbz?.value} onChange={e => changeParams('zlfbz', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfbz?.des ?? ''}</Checkbox>
                                                                <Checkbox style={{ margin: 0, fontSize: 12 }}>资料房源导入</Checkbox>
                                                            </div>
                                                            <div style={{ width: 135 }}>
                                                                <div className="u-padding-left-10 u-padding-bottom u-padding-right-10 u-flex-top u-flex-wrap">
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>交易</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>现状</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>房型</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>来源</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>面积</Checkbox>
                                                                    <Checkbox style={{ margin: 0, fontSize: 12 }}>价格</Checkbox>
                                                                </div>
                                                                <div className="u-m-t-46">
                                                                    <Checkbox checked={data?.house2?.zlfgs?.value} onChange={(e) => changeParams('zlfgs', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfgs?.des ?? ''}</Checkbox>
                                                                    <Checkbox checked={data?.house2?.zlfzs?.value} onChange={(e) => changeParams('zlfzs', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfzs?.des ?? ''}</Checkbox>
                                                                    <Checkbox checked={data?.house2?.zlfsc?.value} onChange={(e) => changeParams('zlfsc', e.target.value, 'house2')} style={{ margin: 0, fontSize: 12 }}>{data?.house2?.zlfsc?.des ?? ''}</Checkbox>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div className="u-flex-top u-border-top u-border-bottom u-border-right u-padding-5">
                                                        <div className="u-flex-col">
                                                            <Checkbox className="u-m-l-20" style={{ margin: 0, fontSize: 12 }}>隐号拨打（出售）</Checkbox>
                                                            <Checkbox className="u-m-l-20" style={{ margin: 0, fontSize: 12 }}>隐号拨打（出租）</Checkbox>
                                                        </div>
                                                        <div className="u-flex-col">
                                                            <Checkbox className="u-m-l-10" style={{ margin: 0, fontSize: 12 }}>全部显号</Checkbox>
                                                            <Checkbox className="u-m-l-10" style={{ margin: 0, fontSize: 12 }}>非有效显号</Checkbox>
                                                        </div>
                                                        <div className="u-flex-col">
                                                            <Checkbox className="u-m-l-30" style={{ margin: 0, fontSize: 12 }}>天下线客</Checkbox>
                                                        </div>
                                                        <div className="u-flex-col">
                                                            <Checkbox className="u-m-l-40" style={{ margin: 0, fontSize: 12 }}>房源报表打印</Checkbox>
                                                            <Checkbox className="u-m-l-40" style={{ margin: 0, fontSize: 12 }}>其他报表打印</Checkbox>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="客源" key="3">
                                            <div className="u-flex-top">
                                                <div className="u-border">
                                                    <div className="u-m-l-10">
                                                        <div className="u-flex">
                                                            <div >{data?.customer?.kyck?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.kyck?.value} onChange={(e) => changeParams('kyck', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-50 u-m-t-5" style={{ width: 64 }}>
                                                                {data?.customer?.kyck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div >{data?.customer?.kyxz?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.kyxz?.value} onChange={(e) => changeParams('kyxz', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.kyxz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div >{data?.customer?.qbxg?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.qbxg?.value} onChange={(e) => changeParams('qbxg', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.qbxg?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div >{data?.customer?.bfxg?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.bfxg?.value} onChange={(e) => changeParams('bfxg', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.bfxg?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div >{data?.customer?.kysc?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.kysc?.value} onChange={(e) => changeParams('kysc', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.kysc?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div className="u-f-col">{data?.customer?.skck?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.skck?.value} onChange={(e) => changeParams('skck', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.skck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-t-5">
                                                            <div className="u-f-col">{data?.customer?.sksz?.des ?? ''}</div>
                                                            <Select size="small" value={data?.customer?.sksz?.value} onChange={(e) => changeParams('sksz', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.sksz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-m-t-10">[部分修改]可修改</div>
                                                    </div>
                                                    <div className=" u-border-top">
                                                        <Checkbox className="u-m-l-10 u-m-t-10">等级</Checkbox>
                                                        <Checkbox checked={data?.customer?.source?.value} onChange={(e) => changeParams('source', e.target.checked, "customer")} className="u-m-l-10 u-m-b-20">{data?.customer?.source?.des ?? ''}</Checkbox>
                                                    </div>
                                                </div>
                                                <div className="u-flex-top">
                                                    <div className="u-border-top u-border-bottom u-border-right ">
                                                        <div className="u-flex-top">
                                                            <div>
                                                                <div>
                                                                    <Checkbox className="u-m-l-20 u-f-col">[有效]-[预定]</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20 u-f-col">[有效]-[已购/我购]</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20 u-f-col">[有效]-[已租/我租]</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20 u-f-col">[有效]-[其他状态]</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20 u-f-col">[非有效]-[有效]</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20">[预定]看客户电话</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20 u-m-r-20">不受[每客源跟进次]限制</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20">委托日期修改(本人)</Checkbox><br />
                                                                    <Checkbox className="u-m-l-20">委托日期修改(本部)</Checkbox><br />

                                                                </div>
                                                            </div>
                                                            <div className="u-border-left">
                                                                <div className="u-flex u-m-l-5">
                                                                    <div>{data?.customer?.gjck?.des ?? ''}</div>
                                                                    <Select size="small" value={data?.customer?.gjck?.value} onChange={(e) => changeParams('gjck', e, 'customer')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                        {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                                    </Select>
                                                                </div>
                                                                <Checkbox checked={data?.customer?.gjxz?.value} onChange={(e) => changeParams('gjxz', e.target.checked, "customer")} className="u-m-l-10">{data?.customer?.gjxz?.des ?? ''}</Checkbox><br />
                                                                <Checkbox checked={data?.customer?.gjxg?.value} onChange={(e) => changeParams('gjxg', e.target.checked, "customer")} className="u-m-l-10">{data?.customer?.gjxg?.des ?? ''}</Checkbox><br />
                                                                <Checkbox checked={data?.customer?.gjsc_bb?.value} onChange={(e) => changeParams('gjsc_bb', e.target.checked, "customer")} className="u-m-l-10">{data?.customer?.gjsc_bb?.des ?? ''}</Checkbox><br />
                                                                <Checkbox checked={data?.customer?.gjsc_kb?.value} onChange={(e) => changeParams('gjsc_kb', e.target.checked, "customer")} className="u-m-l-10">{data?.customer?.gjsc_kb?.des ?? ''}</Checkbox><br />
                                                                <Checkbox className="u-m-l-10 u-m-t-10">看客户不必写跟进</Checkbox><br />
                                                                <div className="u-m-l-40">[次数=999不启用]</div>
                                                                <div className="u-flex u-m-l-5">
                                                                    <div>看客户</div>
                                                                    <Input className="u-m-l-10" style={{ width: 65, height: 25 }} />
                                                                    <div>次/天</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div>
                                                            <div className="u-flex">
                                                                <Checkbox className="u-m-l-20">委托日期修改(跨部)</Checkbox><br />
                                                                <div className="u-m-l-60">[≥900:不限次+记日志]</div>
                                                            </div>
                                                            <div className="u-flex">
                                                                <Checkbox checked={data?.customer?.ggzh?.value} onChange={(e) => changeParams('ggzh', e.target.checked, "customer")} className="u-m-l-20">{data?.customer?.ggzh?.des ?? ''}</Checkbox>
                                                                <div className="u-m-l-40 u-m-r-30">[=900:不限次+不记日志]</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div className="u-border">
                                                    <div>
                                                        <div className="u-f-col u-m-l-10">[交易]可查看</div>
                                                        <div className="u-flex u-m-b-10">
                                                            <Checkbox className="u-m-l-10 u-m-t-5">求购</Checkbox>
                                                            <Checkbox className="u-m-l-10 u-m-t-5">求租</Checkbox>
                                                        </div>
                                                    </div>
                                                    <div className="u-border-top">
                                                        <div className="u-f-col u-m-l-10">[委托]可保存</div>
                                                        <div className="u-flex">
                                                            <Checkbox className="u-m-l-10 ">A委托方式</Checkbox>
                                                            <Checkbox className="u-m-l-30 u-m-r-20">C委托方式</Checkbox>
                                                        </div>
                                                        <div className="u-flex">
                                                            <Checkbox className="u-m-l-10 u-m-t-5">B委托方式</Checkbox>
                                                            <Checkbox className="u-m-l-30 u-m-t-5">X委托方式</Checkbox>
                                                        </div>
                                                    </div>
                                                    <div className="u-border-top">
                                                        <div className="u-flex u-m-t-10">
                                                            <Checkbox className="u-m-l-10 ">客源报表打印</Checkbox>
                                                            <Checkbox className="u-m-l-10 ">客源导入</Checkbox>
                                                        </div>
                                                        <Checkbox className="u-m-l-10 ">显号拨打</Checkbox>
                                                        <div className="u-flex u-m-l-10 u-m-t-10">
                                                            <div>约看删除</div>
                                                            <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                        <div className="u-flex u-m-l-10 u-m-t-10">
                                                            <div>带看删除</div>
                                                            <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                                {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                            </Select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="实用工具" key="4">
                                            <div className="u-flex-top u-border">
                                                <div className="u-border-right">
                                                    <Checkbox className="u-m-l-20 u-m-t-5">网站浏览</Checkbox>
                                                    <div className="u-flex u-m-l-20 u-m-t-10">
                                                        <div>电子考勤查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-l-20 u-m-t-10">
                                                        <div>考勤排班设置</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <Checkbox className="u-m-l-20 u-m-t-5">电子考勤登记</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">电子考勤维护</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">电子考勤维护(上下班)</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">考勤配置查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">考勤配置修改</Checkbox><br />
                                                    <div className="u-flex u-m-l-20 u-m-t-10">
                                                        <div className="u-f-col">日程计划</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div>
                                                        <Checkbox className="u-m-l-20 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-m-r-20">删除</Checkbox>
                                                    </div>
                                                </div>
                                                <div className="u-border-right">
                                                    <Checkbox className="u-m-l-10 u-m-t-5">本机设置</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">定义常用语</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-m-r-30">检查重复房源</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-m-t-20">员工转房源</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">员工转客源</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">私盘转公盘</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">私客转公客</Checkbox><br />
                                                </div>
                                                <div className="u-border-right">
                                                    <div className="u-flex u-m-l-20 u-m-t-10">
                                                        <div className="u-f-col">日志查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <Checkbox className="u-m-l-20 u-m-t-5">日志清除</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">回收站查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">回收站还原</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5 u-m-r-50">回收站永久删除</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">黑名单查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">黑名单新增</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">黑名单修改</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">黑名单删除</Checkbox><br />
                                                </div>
                                                <div>
                                                    <Checkbox className="u-m-l-20 u-m-t-5 u-m-r-80">员工通讯录(全部)</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">贷款计算器使用</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">贷款计算器设置</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-5">锁定电脑</Checkbox><br />
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="交易服务" key="5">
                                            <div className="u-flex-top u-font-12 u-border">
                                                <div className="u-border-right">
                                                    <div className="u-f-col u-m-l-10 u-font-14" style={{width:500}}>交易合同</div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>意向金看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-26 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-35 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">状态</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>报备查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-26 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-35 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">转正</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>合同查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-15 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-15 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">出售</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">出租</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">新房</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>分成设置</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-15 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-15 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">不限看近90天</Checkbox>
                                                        <Checkbox className="u-m-l-14 u-m-t-5 u-font-12">打印</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>合同初审</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-26 u-m-t-5 u-font-12">合同复审</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">反审</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">结佣</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">结盘</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div style={{width:50}}>财务收付</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-26 u-m-t-5 u-font-12">新增应收</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">应收反审</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div className="u-m-l-10 u-m-t-5">页面查看</div>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">列表查看</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">新增应收</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">应收反审</Checkbox>
                                                    </div>
                                                    <div>
                                                        <Checkbox className="u-m-l-68 u-m-t-5 u-font-12 u-m-b-10">所有款类</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">收付实收</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">复审</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">确认</Checkbox>
                                                    </div>
                                                </div>
                                                <div className="u-border-right">
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div>业绩拆佣</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div>过户手续<br />页面查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div>流程查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-40 u-m-t-5 u-font-12">生成</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-40 u-m-t-5 u-font-12">完成</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">备注</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div>跟进查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-40 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div className="u-m-l-10">发票列表</div>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">查看</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-40 u-m-t-5 u-font-12">新增</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">修改</Checkbox>
                                                        <Checkbox className="u-m-l-5 u-m-t-5 u-font-12">删除</Checkbox>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">看业主</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">看客户</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5">
                                                        <div>合同图片</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">上传</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">导出</Checkbox>
                                                    </div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">更新房客源</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">签约日修改</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">收付日修改</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">流程定义查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">流程定义维护</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-font-12">合同报表打印</Checkbox><br />
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="OA协同" key="6">
                                            <div className="u-border u-flex">
                                                <div >
                                                    <div className="u-flex u-m-l-10 u-m-t-5 u-f-col">
                                                        <div>经理点评</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-48 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5 u-f-col">
                                                        <div>情报站</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-25 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改(本人)</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除情报</Checkbox>
                                                        <Checkbox className="u-m-l-20 u-m-t-5">删除留言</Checkbox>
                                                        <Checkbox className="u-m-l-16 u-m-t-5">回复</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5 u-f-col">
                                                        <div>工作总结</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-48 u-m-t-5">点评(跨部)</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">点评(本部)</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5 u-f-col">
                                                        <div>新闻公告</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增(跨部)</Checkbox>
                                                        <Checkbox className="u-m-l-80 u-m-t-5">修改(跨部)</Checkbox>
                                                        <Checkbox className="u-m-l-12 u-m-t-5">置顶</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div className="u-m-l-70">(接受部门)</div>
                                                        <Checkbox className="u-m-l-15 u-m-t-5">新增(本部)</Checkbox>
                                                        <Checkbox className="u-m-l-80 u-m-t-5">修改(本人+3天内)</Checkbox>
                                                    </div>
                                                    <div>
                                                        <Checkbox className="u-m-l-150 u-m-t-5">新增(本人)</Checkbox>
                                                        <Checkbox className="u-m-l-80 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5 u-f-col">
                                                        <div>业务问答</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-46 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div className="u-f-col u-m-l-10">文档中心</div>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">上传</Checkbox>
                                                        <Checkbox className="u-m-l-14 u-m-t-5">预览</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <div className="u-f-col u-m-l-24">工作台</div>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">登录弹出</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">龙虎榜(跨部)</Checkbox>
                                                    </div>
                                                </div>
                                                <div className="u-border-left">
                                                    <div className="u-m-l-10">运营分析</div>
                                                    <div className="u-f-col u-flex">
                                                        <div className="u-m-l-10">业绩排行榜</div>
                                                        <div className="u-m-l-70">数据分析</div>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-10 u-m-t-5">本部</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">跨部</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">本部</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">跨部</Checkbox>
                                                    </div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">龙虎榜(跨部)</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">全部时间(月份)</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">透视分析表</Checkbox><br />
                                                    <div className="u-f-col u-m-l-10">员工积分</div>
                                                    <div className="u-flex u-m-l-10 u-m-t-5 ">
                                                        <div>查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 " style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                    </div>
                                                    <div className="u-f-col u-m-l-10">积分配置</div>
                                                    <div>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                    </div>
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="系统设置" key="7">
                                            <div className="u-flex-top u-font-12">
                                                <div className="u-border">
                                                    <div className="u-f-col u-m-l-10 u-font-14">组织机构</div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div>{data?.system?.zzjg_ck?.des ?? ''}</div>
                                                        <Checkbox checked={data?.system?.zzjg_ck?.value} onChange={(e) => changeParams('zzjg_ck', e.target.checked, "system")} className="u-m-l-10" />
                                                        <div>全部</div>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div>{data?.system?.zzjg_bmsz?.des ?? ''}</div>
                                                        <Checkbox checked={data?.system?.zzjg_bmsz?.value} onChange={(e) => changeParams('zzjg_bmsz', e.target.checked, "system")} className="u-m-l-10" />
                                                        <div>全部</div>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div >{data?.system?.zzjg_xz?.des ?? ''}</div>
                                                        <Select size="small" value={data?.system?.zzjg_xz?.value} onChange={(e) => changeParams('zzjg_xz', e, 'system')} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.system?.zzjg_xz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div >{data?.system?.ygsz?.des ?? ''}</div>
                                                        <Select size="small" value={data?.system?.ygsz?.value} onChange={(e) => changeParams('ygsz', e, 'system')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.system?.tgsz?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div>个人资料</div>
                                                        <Checkbox checked={data?.system?.kysc?.value} onChange={(e) => changeParams('kysc', e.target.checked, "system")} className="u-m-l-10" />
                                                        <div>修改</div>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div>变动记录</div>
                                                        <Checkbox checked={data?.system?.skck?.value} onChange={(e) => changeParams('skck', e.target.checked, "system")} className="u-m-l-10" />
                                                        <div>修改</div>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div >{data?.system?.ygqx?.des ?? ''}</div>
                                                        <Select size="small" value={data?.system?.ygqx?.value} onChange={(e) => changeParams('ygqx', e, 'system')} className="u-m-l-10 u-i-col u-font-12" style={{ width: 64 }}>
                                                            {data?.system?.ygqx?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <div>{data?.system?.zwqx?.des ?? ''}</div>
                                                        <Checkbox checked={data?.system?.zwqx?.value} onChange={(e) => changeParams('zwqx', e.target.checked, "system")} className="u-m-l-10" />
                                                        <div>全部</div>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-10">
                                                        <Checkbox />
                                                        <div>员工待审核</div>
                                                    </div>
                                                </div>
                                                <div className="u-border-top u-border-bottom">
                                                    <div className="u-f-col u-m-l-15 u-m-r-40 u-font-14">城市片区</div>
                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                        <Checkbox checked={data?.system?.cspq_ck?.value} onChange={(e) => changeParams('cspq_ck', e.target.checked, "system")} className="u-m-l-10">{data?.system?.cspq_ck?.des ?? ''}</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                        <Checkbox checked={data?.system?.cspq_xz?.value} onChange={(e) => changeParams('cspq_xz', e.target.checked, "system")} className="u-m-l-10">{data?.system?.cspq_xz?.des ?? ''}</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                        <Checkbox checked={data?.system?.cspq_xg?.value} onChange={(e) => changeParams('cspq_xg', e.target.checked, "system")} className="u-m-l-10">{data?.system?.cspq_xg?.des ?? ''}</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                        <Checkbox checked={data?.system?.cspq_sc?.value} onChange={(e) => changeParams('cspq_sc', e.target.checked, "system")} className="u-m-l-10">{data?.system?.cspq_sc?.des ?? ''}</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                        <Checkbox checked={data?.system?.cspq_hb?.value} onChange={(e) => changeParams('cspq_hb', e.target.checked, "system")} className="u-m-l-10">{data?.system?.cspq_hb?.des ?? ''}</Checkbox>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div className="u-flex">
                                                        <div className="u-border">
                                                            <div className="u-flex-top">
                                                                <div >
                                                                    <div className="u-f-col u-m-l-15 u-m-r-50 u-font-14">楼盘字典</div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.lpzd_ck?.value} onChange={(e) => changeParams('lpzd_ck', e.target.checked, "system")} className="u-m-l-10">{data?.system?.lpzd_ck?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.lpzd_xz?.value} onChange={(e) => changeParams('lpzd_xz', e.target.checked, "system")} className="u-m-l-10">{data?.system?.lpzd_xz?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.lpzd_xg?.value} onChange={(e) => changeParams('lpzd_xg', e.target.checked, "system")} className="u-m-l-10">{data?.system?.lpzd_xg?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.lpzd_sc?.value} onChange={(e) => changeParams('lpzd_sc', e.target.checked, "system")} className="u-m-l-10">{data?.system?.lpzd_sc?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.lpzd_sd?.value} onChange={(e) => changeParams('lpzd_sd', e.target.checked, "system")} className="u-m-l-10">{data?.system?.lpzd_sd?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                </div>
                                                                <div className="u-border-left u-border-bottom">
                                                                    <div className="u-f-col u-m-l-30 u-font-14">学区学校</div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.xx_lp_add?.value} onChange={(e) => changeParams('xx_lp_add', e.target.checked, "system")} className="u-m-l-25 u-m-r-10">{data?.system?.xx_lp_add?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.xx_lp_xg?.value} onChange={(e) => changeParams('xx_lp_xg', e.target.checked, "system")} className="u-m-l-25">{data?.system?.xx_lp_xg?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.xx_xz?.value} onChange={(e) => changeParams('xx_xz', e.target.checked, "system")} className="u-m-l-25">{data?.system?.xx_xz?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.xx_xg?.value} onChange={(e) => changeParams('xx_xg', e.target.checked, "system")} className="u-m-l-25">{data?.system?.xx_xg?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                    <div className="u-flex u-m-t-5 u-m-l-5">
                                                                        <Checkbox checked={data?.system?.xx_sc?.value} onChange={(e) => changeParams('xx_sc', e.target.checked, "system")} className="u-m-l-25">{data?.system?.xx_sc?.des ?? ''}</Checkbox>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div className="u-flex u-m-t-40 u-m-l-5">
                                                                <Checkbox className="u-m-l-10">设置规则</Checkbox>
                                                                <Checkbox className="u-m-l-40">栋座设置</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-t-5 u-m-l-5">
                                                                <Checkbox className="u-m-l-10">合并转区</Checkbox>
                                                                <Checkbox className="u-m-l-40">房号生成</Checkbox>
                                                            </div>
                                                            <div className="u-flex u-m-t-5 u-m-l-5">
                                                                <Checkbox className="u-m-l-10">图片导出</Checkbox>
                                                                <Checkbox className="u-m-l-40">房号删除</Checkbox>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div className="u-border-top u-border-bottom">
                                                    <div className="u-f-col u-font-14 u-m-l-20 u-m-r-30">物业参数</div>
                                                    <Checkbox className="u-m-l-20">查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20">维护</Checkbox>
                                                    <div className="u-f-col u-font-14 u-m-l-20 u-m-t-20">管理选项</div>
                                                    <Checkbox className="u-m-l-20">查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20">维护</Checkbox>
                                                    <div className="u-f-col u-font-14 u-m-l-20 u-m-t-20">角色管理</div>
                                                    <Checkbox className="u-m-l-20">查看</Checkbox>
                                                </div>
                                                <div className="u-border">
                                                    <div className="u-f-col u-font-14 u-m-l-20">房友服务</div>
                                                    <Checkbox className="u-m-l-20 u-m-t-10">房友服务</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-20">转房客规则查看</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-2">转房客规则设置</Checkbox><br />
                                                    <Checkbox className="u-m-l-20 u-m-t-2">转房客规则删除</Checkbox>
                                                </div>
                                            </div>
                                        </TabPane>
                                        <TabPane tab="新房" key="8">
                                            <div>
                                                <div className="u-flex">
                                                    <div className="u-m-l-10">在线新房</div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">关注</Checkbox>
                                                </div>
                                                <div className="u-flex">
                                                    <div className="u-m-l-10">新房列表</div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                </div>
                                                <div className="u-flex">
                                                    <div className="u-m-l-10">代理信息</div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                </div>
                                                <div className="u-flex">
                                                    <div className="u-m-l-10">项目销控</div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">查看</Checkbox>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                </div>
                                                <div>
                                                    <div className="u-flex u-m-l-10 u-m-t-10">
                                                        <div>报备查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">报备结果</Checkbox>
                                                    </div>
                                                    <div className="u-flex u-m-l-10 u-m-t-10">
                                                        <div>销售查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10 u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">新增</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">修改</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">删除</Checkbox>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">审核</Checkbox>
                                                    </div>
                                                </div>
                                                <div></div>

                                            </div>
                                        </TabPane>
                                        <TabPane tab="移动端" key="9">
                                            <div className="u-border">
                                                <div className="u-border-bottom">
                                                    <div className="u-m-l-10 u-f-col">小程序</div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-10 u-m-t-5">绑定小程序</Checkbox>
                                                        <div className="u-m-t-5 u-m-l-30">分享访问查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10  u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                        <Checkbox className="u-m-l-10 u-m-t-5">在线委托</Checkbox>
                                                    </div>
                                                    <div className="u-flex">
                                                        <Checkbox className="u-m-l-10 u-m-t-5 u-m-b-20">小程序管理</Checkbox>
                                                        <div className="u-m-l-30">分享记录查看</div>
                                                        <Select size="small" value={data?.customer?.gjck?.value} className="u-m-l-10  u-i-col u-font-12 u-m-r-30" style={{ width: 64 }}>
                                                            {data?.customer?.gjck?.valueArea?.map((i, ind) => <Option key={ind} value={i}>{i}</Option>) ?? ''}
                                                        </Select>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div className="u-m-l-10 u-f-col">APP</div>
                                                    <Checkbox className="u-m-l-10 u-m-t-5">绑定APP</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5">绑定多台手机</Checkbox><br />
                                                    <Checkbox className="u-m-l-10 u-m-t-5 u-m-b-80">APP管理</Checkbox>
                                                </div>
                                            </div>
                                        </TabPane>
                                    </Tabs>
                                </div>
                                <div className="u-flex u-p-l-10 u-p-t-8">
                                    <Button onClick={allSelected} size="small" style={{ fontSize: 12 }}>全部选中</Button>
                                    <Button onClick={allDel} className="u-m-l-60" size="small" style={{ fontSize: 12 }}>全部清除</Button>
                                    <Button onClick={() => {
                                        setstaffShow2(!0)
                                        getAllAuth()
                                    }} className="u-m-l-60" size="small" style={{ fontSize: 12 }}>职务授权</Button>
                                    <Button onClick={saveStaff} className="u-m-l-60" size="small" style={{ fontSize: 12 }}>保存权限到[员工]</Button>
                                    <Button onClick={savePost} className="u-m-l-60" size="small" style={{ fontSize: 12 }}>保存权限到[职务]</Button>
                                </div>
                            </div>
                        </div>
                    </TabPane>
                    <TabPane tab="城市片区" key="2">
                        <div className="u-flex u-row-between u-m-t-20">
                            <div className="u-flex">
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">查看</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">新增</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">修改</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">删除</Checkbox>
                                </div>
                                <div className="u-flex">
                                    <Checkbox className="u-m-l-15">合并</Checkbox>
                                </div>
                            </div>
                        </div>
                    </TabPane>
                    <TabPane tab="楼盘字典" key="3">
                        <div className="u-flex u-row-between u-m-t-20">
                            <div className="u-flex">
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">查看</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">新增</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">修改</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-15">删除</Checkbox>
                                </div>
                                <div className="u-flex">
                                    <Checkbox className="u-m-l-15">锁定</Checkbox>
                                </div>
                            </div>
                        </div>
                    </TabPane>
                    <TabPane tab="学校字典" key="4">
                        <div className="u-flex u-row-between u-m-t-20">
                            <div className="u-flex">
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-20">学校-楼盘（加入）</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-20">学校-楼盘（修改）</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-20">学校新增</Checkbox>
                                </div>
                                <div className="u-flex u-a-x">
                                    <Checkbox className="u-m-l-20">学校修改</Checkbox>
                                </div>
                                <div className="u-flex">
                                    <Checkbox className="u-m-l-20">学校删除</Checkbox>
                                </div>
                            </div>
                        </div>
                    </TabPane>
                    <TabPane tab="管理选项" key="5">
                        <div className="u-flex-col">
                            <Tabs>
                                <TabPane tab="房源[1]" key="6">
                                    <div>
                                        <div className="u-flex u-flex-wrap">
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">房源编号可以手工输入</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">新增房源默认为【私盘】</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">新增房源可选【私盘/公盘】</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">新增房源可选【委托方式】</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">新增房源受部门权限【地理区域】限制</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">房源[交易]中含有【租售】方式</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">房源智能查询包含【楼盘字典-概要地址】</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">房源（面积）查询时使用【套内】面积</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">房源员工查询时同时查【三个归属人】</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">打开资料区（房源）</Checkbox>
                                            </div>
                                        </div>
                                        <hr className="u-m-t-20" />
                                        <div className="u-flex u-flex-wrap">
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[面积]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[委托]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[业主电话]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[价格]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[来源]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[栋座]（住宅）</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[楼层]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[朝向]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[房型]（住宅）</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[总层]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[装修]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[房产证]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[国籍]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[电梯]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[备注]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[现状]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[套内面积]</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[房本年限]（出售）</Checkbox>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">[交房]已租为[到期]</Checkbox>
                                            </div>
                                        </div>
                                        <div className="u-m-l-30" style={{ color: 'red' }}>
                                            以上为必填项
                                        </div>
                                        <hr className="u-m-t-20" />
                                        <div className="u-flex">
                                            <div className="u-flex u-m-t-10">
                                                <Checkbox className="u-m-l-20">新增房源必须符合有效性规则：</Checkbox>
                                                <span style={{ color: '#ccc' }}>楼层&lt;=总层 底价&lt;=报价 套内面积&lt;=建筑面积</span>
                                            </div>
                                            <div className="u-m-t-10">
                                                <Checkbox className="u-m-l-20">所有房源栏目必填（包括上面选项）</Checkbox>
                                            </div>
                                            <div className="u-flex u-m-t-10">
                                                <div>新增房源查重[房源地址]:</div>
                                                <Radio className="u-m-l-20">全部</Radio>
                                            </div>
                                        </div>
                                    </div>
                                </TabPane>
                                <TabPane tab="房源[2]" key="7">
                                    <div className="u-flex u-flex-wrap">
                                        <div className="u-flex u-m-t-10">
                                            <Checkbox className="u-m-l-20">修改房源【交易 状态 价格】强制发送留言（给房源归属人）</Checkbox>
                                        </div>
                                        <div className="u-flex u-m-t-10">
                                            <Checkbox className="u-m-l-20">修改房源状态为【有效】时提醒修改【委托日期】</Checkbox>
                                        </div>
                                        <div className="u-flex u-m-t-10">
                                            <Checkbox className="u-m-l-20">网络房（在房源列表显示图标）</Checkbox>
                                        </div>
                                        <div className="u-flex u-m-t-10">
                                            <Checkbox className="u-m-l-20">写跟进必须选择【跟进方式】</Checkbox>
                                        </div>
                                    </div>
                                </TabPane>
                                <TabPane tab="房源[3]" key="8">
                                    <div>
                                        <div className="u-flex u-flex-wrap u-m-t-10">
                                            <div className="u-flex u-m-l-20">
                                                <span>房源价格</span>
                                                <Input className="u-m-l-10" style={{ width: 40, height: 20 }} defaultValue="30" />
                                                <span className="u-m-l-5">天内有变动的将显示升降标志</span>
                                            </div>
                                            <div className="u-m-l-20">
                                                <span>租金单价单位：</span>
                                                <Radio.Group>
                                                    <Radio value='1'>[元/m<sup>2</sup>/月]单价=月租金/面积</Radio>
                                                    <Radio value='2'>[元/m<sup>2</sup>/天]单价=月租金/面积/(315/12)天</Radio>
                                                </Radio.Group>
                                            </div>
                                            <div className="u-m-l-20">
                                                <span>出租房源佣金比例</span>
                                                <Input className="u-m-l-10" style={{ width: 60, height: 25 }} defaultValue="0.00" />%
                                            </div>
                                            <div className="u-m-l-20">
                                                <span>出售房源佣金比例</span>
                                                <Input className="u-m-l-10" style={{ width: 60, height: 25 }} defaultValue="0.00" />%
                                            </div>
                                        </div>
                                        <hr className="u-m-t-20" />
                                        <div className="u-m-l-10" style={{ color: 'red' }}>【图片设置】：</div>
                                        <div className="u-flex u-flex-wrap u-m-t-10">
                                            <div className="u-m-l-20">
                                                <span>图片文件大小不能超过</span>
                                                <Input style={{ width: 50, height: 20 }} defaultValue="500" />K
                                            </div>
                                            <div className="u-m-l-30">
                                                <Checkbox>只能通过【实勘】上传室内图</Checkbox>
                                                <span style={{ color: '#ccc' }}>(简介不能超过8字)</span>
                                            </div>
                                            <div className="u-m-l-30">
                                                <Checkbox>图片加文字水印</Checkbox>
                                                <Input style={{ width: 100, height: 20 }} defaultValue="东邦找家" />
                                                <span className="u-m-l-10">大小</span>
                                                <Input className="u-m-l-5" style={{ width: 50, height: 20 }} defaultValue="56" />
                                            </div>
                                            <div className="u-m-l-30">
                                                <span>图片缩放尺寸</span>
                                                <Input className="u-m-l-5" style={{ width: 60, height: 20 }} defaultValue="1200" />
                                            </div>
                                            <div className="u-m-l-20 u-m-t-20">
                                                <Checkbox>水印斜铺整张图片</Checkbox>
                                                <span>清晰度</span>
                                                <Input style={{ width: 50, height: 20 }} defaultValue="0.5" />
                                                <span className="u-m-l-10">位置</span>
                                                <Input className="u-m-l-5" style={{ width: 50, height: 20 }} defaultValue="居中" />
                                            </div>
                                            <div className="u-flex u-m-l-20 u-m-t-20">
                                                <Checkbox>图片加Logo水印</Checkbox>
                                            </div>
                                            <div>
                                                <Upload
                                                    name="Logo"
                                                    listType="picture-card"
                                                    className="avatar-uploader u-m-l-20 u-m-t-20"
                                                    showUploadList={false}
                                                    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
                                                    beforeUpload={beforeUpload}
                                                    onChange={handleChange}
                                                >
                                                    {imageUrl ? (
                                                        <img
                                                            src={imageUrl}
                                                            alt="avatar"
                                                            style={{
                                                                width: '100%',
                                                            }}
                                                        />
                                                    ) : (
                                                        uploadButton
                                                    )}
                                                </Upload>
                                            </div>
                                        </div>
                                    </div>
                                </TabPane>
                                <TabPane tab="客源" key="9">
                                    <div>
                                        <div className="u-flex u-flex-wrap u-m-t-10">
                                            <div className="u-m-l-20">
                                                <Checkbox>客源编号可以手工输入</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>新增客源默认为【私客】</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>新增客源进行【黑名单】检查</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>打开资料区（客源）</Checkbox>
                                            </div>
                                        </div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[地址]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[面积]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[价格]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[来源]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[等级]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[类别]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[目的]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>客源[期限]必填</Checkbox>
                                            </div>
                                        </div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-20">
                                                <Checkbox>新增客源进行【电话】查重警告</Checkbox>
                                                <span style={{ color: '#ccc' }}>（速度慢）</span>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>新增客源进行【身份证】查重警告</Checkbox>
                                                <span style={{ color: '#ccc' }}>（速度慢）</span>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>【电话】或【身份证】重复客源拒绝保存</Checkbox>
                                                <span style={{ color: '#ccc' }}>（速度慢）</span>
                                            </div>
                                        </div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-20">
                                                <Checkbox>修改客源【交易 状态】强制发送留言</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>[部分修改]权限可修改[客户电话]</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>[私房]屏蔽跟进记录</Checkbox>
                                                <span style={{ color: '#ccc' }}>（有[看房]+[看跟进]权限/无[看私客]权限）</span>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>写跟进必须选择【跟进方式】</Checkbox>
                                            </div>
                                            <div className="u-m-l-20 u-m-t-10">
                                                <Checkbox>强制合并【同人.同天.同客源】的跟进记录</Checkbox>
                                            </div>
                                        </div>
                                    </div>
                                </TabPane>
                                <TabPane tab="其他设置" key="10">
                                    <div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-20">
                                                <Checkbox>员工[电话]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>员工[生日]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>员工[地址]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>员工[入职]必填</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>员工[身份证]必填</Checkbox>
                                            </div>
                                        </div>
                                        <div className="u-m-t-20">小程序外部房源显示权限</div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-20">
                                                <Checkbox>只展示有图片的房源</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>不展示私盘</Checkbox>
                                            </div>
                                            <div className="u-m-l-20">
                                                <Checkbox>只展示网络房</Checkbox>
                                            </div>
                                        </div>
                                        <div className="u-m-t-20">小程序授权</div>
                                        <div className="u-flex u-flex-wrap u-m-t-20">
                                            <div className="u-m-l-30">
                                                <div>手机授权</div>
                                                <Radio.Group>
                                                    <Radio value='首页'>首页</Radio>
                                                    <Radio value='房源详细'>房源详细</Radio>
                                                    <Radio value='联系经纪人'>联系经纪人</Radio>
                                                </Radio.Group>
                                            </div>
                                            <div className="u-m-l-30">
                                                <div>微信授权</div>
                                                <Radio.Group>
                                                    <Radio value='首页'>首页</Radio>
                                                    <Radio value='房源详细'>房源详细</Radio>
                                                </Radio.Group>
                                            </div>
                                        </div>
                                    </div>
                                </TabPane>
                            </Tabs>
                        </div>
                    </TabPane>
                </Tabs>
            </div>
            <Footer />
            <Modal visible={staffShow} width={800} title="员工" onOk={staffConfirm} onCancel={() => setStaffShow(!1)}>
                <div>
                    <div className="u-flex">
                        {/* <Input placeholder="所属部门" value={editForm.store_id} onChange={(e)=>paramChange(setEditForm,editForm,'store_id',e.target.value)} className="u-m-l-10" style={{maxWidth:450}}/> */}
                        <div>所属部门</div>
                        <Select value={editForm.store_id} onChange={e => paramChange(setEditForm, editForm, 'store_id', e)} placeholder="部门" className="u-m-l-10" style={{ width: 450 }}>
                            {allStore.map(store => (
                                <Option key={'store-' + store.id} value={store.id}>{store.name}</Option>
                            ))}
                        </Select>
                        <div className="u-m-l-20">照片</div>
                        <Upload style={{ width: 300 }} fileList={staffImg} onChange={({ fileList }) => {
                            let newForm = { ...editForm }
                            newForm.avatar = fileList[0]?.response?.data?.url ? BASE_URL + fileList[0].response.data.url : ''
                            setEditForm(newForm)
                            setStaffImg(fileList)
                        }} className="u-m-l-10">
                            {staffImg.length < 1 && (<div>
                                <PlusOutlined />
                                <div style={{ marginTop: 8 }}>上传</div>
                            </div>)}
                        </Upload>
                    </div>
                    <div className="u-flex">
                        <div>员工编号</div>
                        <Input placeholder="员工编号" value={editForm.number} onChange={e => paramChange(setEditForm, editForm, 'number', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">性别</div>
                        <Input placeholder="性别" value={editForm.gender ? '男' : '女'} onChange={e => paramChange(setEditForm, editForm, 'gender', e.target.value === '男' ? 1 : 0)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>员工姓名</div>
                        <Input placeholder="员工姓名" value={editForm.nickname} onChange={e => paramChange(setEditForm, editForm, 'nickname', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">状态</div>
                        <Input placeholder="状态" value={editForm.status} onChange={e => paramChange(setEditForm, editForm, 'status', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>员工籍贯</div>
                        <Input placeholder="员工籍贯" value={editForm.native_place} onChange={e => paramChange(setEditForm, editForm, 'native_place', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">民族</div>
                        <Input placeholder="民族" value={editForm.nation} onChange={e => paramChange(setEditForm, editForm, 'nation', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>毕业院校</div>
                        <Input placeholder="毕业院校" value={editForm.school} onChange={e => paramChange(setEditForm, editForm, 'school', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">面貌</div>
                        <Input placeholder="面貌" value={editForm.face} onChange={e => paramChange(setEditForm, editForm, 'face', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        {/* <div>所学专业</div>
                    <Input placeholder="所学专业" className="u-m-l-10" style={{maxWidth:220}}/> */}
                        <div>身份证号</div>
                        <Input placeholder="身份证号" value={editForm.id_number} onChange={e => paramChange(setEditForm, editForm, 'id_number', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">学历</div>
                        <Input placeholder="学历" value={editForm.education} onChange={e => paramChange(setEditForm, editForm, 'education', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                        <div className="u-m-l-6">微信号</div>
                        <Input placeholder="微信号" value={editForm.weixin} onChange={e => paramChange(setEditForm, editForm, 'weixin', e.target.value)} className="u-m-l-10" style={{ maxWidth: 165 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>员工电话</div>
                        <Input placeholder="员工电话" value={editForm.mobile} onChange={e => paramChange(setEditForm, editForm, 'mobile', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">来源</div>
                        <Input placeholder="来源" value={editForm.source} onChange={e => paramChange(setEditForm, editForm, 'source', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                        <div className="u-m-l-20">职务</div>
                        <Input placeholder="职务" value={editForm.duty} onChange={e => paramChange(setEditForm, editForm, 'duty', e.target.value)} className="u-m-l-10" style={{ maxWidth: 165 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>社保卡号</div>
                        <Input placeholder="社保卡号" value={editForm.social_no} onChange={e => paramChange(setEditForm, editForm, 'social_no', e.target.value)} className="u-m-l-10" style={{ maxWidth: 220 }} />
                        <div className="u-m-l-32">邮箱</div>
                        <Input placeholder="邮箱" value={editForm.email} onChange={e => paramChange(setEditForm, editForm, 'email', e.target.value)} className="u-m-l-10" style={{ maxWidth: 160 }} />
                        <div className="u-m-l-20">生日</div>
                        <Input placeholder="生日" value={editForm.birthday} onChange={e => paramChange(setEditForm, editForm, 'birthday', e.target.value)} className="u-m-l-10" style={{ maxWidth: 165 }} />
                    </div>
                    <div className="u-flex u-m-t-5">

                        <div className="u-m-l-14">公积金</div>
                        <Input placeholder="公积金" value={editForm.money} onChange={e => paramChange(setEditForm, editForm, 'money', e.target.value)} className="u-m-l-10" style={{ maxWidth: 450 }} />
                        <div className="u-m-l-20">入职</div>
                        <Input placeholder="入职" value={editForm.induction} onChange={e => paramChange(setEditForm, editForm, 'induction', e.target.value)} className="u-m-l-10" style={{ maxWidth: 165 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        {/* <div className="u-m-l--14">从业资格证</div>
                    <Input placeholder="从业资格证" className="u-m-l-10" style={{maxWidth:220}}/>
                    <div className="u-m-l-4">备案编号</div>
                    <Input placeholder="备案编号" className="u-m-l-10" style={{maxWidth:160}}/> */}
                        <div>家庭住址</div>
                        <Input placeholder="家庭住址" value={editForm.family_addr} onChange={e => paramChange(setEditForm, editForm, 'family_addr', e.target.value)} className="u-m-l-10" style={{ maxWidth: 450 }} />
                        <div className="u-m-l-20">离职</div>
                        <Input placeholder="离职" value={editForm.quit} onChange={e => paramChange(setEditForm, editForm, 'quit', e.target.value)} className="u-m-l-10" style={{ maxWidth: 165 }} />
                    </div>
                    {/* <div className="u-flex u-m-t-5">
                    <div>家庭住址</div>
                    <Input placeholder="家庭住址" className="u-m-l-10" style={{maxWidth:450}}/>
                    <div className="u-m-l-20">职称</div>
                    <Input placeholder="职称" className="u-m-l-10" style={{maxWidth:165}}/>
                </div> */}
                    {/* <div className="u-flex u-m-t-5">
                    <div>员工档案</div>
                    <Input placeholder="员工档案" className="u-m-l-10" style={{maxWidth:450}}/>
                </div> */}
                    <div className="u-flex u-m-t-5">
                        <div>银行账号</div>
                        <Input placeholder="银行账号" value={editForm.bank_no} onChange={e => paramChange(setEditForm, editForm, 'bank_no', e.target.value)} className="u-m-l-10" style={{ maxWidth: 300 }} />
                        <Input style={{ maxWidth: 375 }} />
                    </div>
                    {/* <div className="u-flex u-m-t-5">
                    <div>个人签名</div>
                    <Input placeholder="个人签名" className="u-m-l-10" style={{maxWidth:675}}/>
                </div>
                <div className="u-flex u-m-t-5">
                    <div>个人简介</div>
                    <Input placeholder="个人简介" className="u-m-l-10" style={{maxWidth:675}}/>
                </div> */}
                    <div className="u-flex u-m-t-5">
                        <div>备注信息</div>
                        <Input placeholder="备注信息" value={editForm.memo} onChange={e => paramChange(setEditForm, editForm, 'memo', e.target.value)} className="u-m-l-10" style={{ maxWidth: 675 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>登录密码</div>
                        <Input.Password placeholder="登录密码" value={editForm.password} onChange={e => paramChange(setEditForm, editForm, 'password', e.target.value)} className="u-m-l-10" style={{ maxWidth: 300 }} />
                    </div>
                    <div className="u-flex u-m-t-5">
                        <div>确认密码</div>
                        <Input.Password placeholder="再次输入密码" value={editForm.salt} onChange={e => paramChange(setEditForm, editForm, 'salt', e.target.value)} className="u-m-l-10" style={{ maxWidth: 300 }} />
                    </div>
                </div>
            </Modal>
            <Modal visible={staffShow2} width={300} title="职务授权" onOk={staffConfirm2} onCancel={() => setstaffShow2(!1)}>
                <div className="Modal">
                    <div className="u-flex u-m-t-20">
                        <div className="label">身份</div>
                        <Select value={staffForm2.group_id} onChange={e => paramChange(setStaffForm2, staffForm2, 'group_id', e)} placeholder="管理员身份" className="u-m-l-10" style={{ width: 200 }}>
                            {allAuth.map(group => (

                                <Option key={'store-' + group.id} value={group.id}>{group.name}</Option>
                            ))}
                        </Select>
                    </div>

                </div>
            </Modal>
            <Modal visible={transfershow} width={300} title="调动离职" onOk={transfer} onCancel={() => settransfershow(!1)}>
                <div className="Modal">
                    <div className="u-flex u-m-t-20">
                        <div className="label">部门</div>
                        <Select value={transferForm.store_id} onChange={e => paramChange(settransferForm, transferForm, 'store_id', e)} placeholder="部门" className="u-m-l-10" style={{ width: 200 }}>
                            {allStore.map(group => (

                                <Option key={'store-' + group.id} value={group.id}>{group.name}</Option>
                            ))}
                        </Select>
                    </div>
                    <Button className="u-m-t-20 u-m-l-80" onClick={()=>{
                        listDel(info.id)
                        settransfershow(!1)
                    }}>离职</Button>
                </div>
            </Modal>
            <Modal visible={totalshow} width={300} title="员工关联统计" onCancel={() => settotalshow(!1)}>
                <div className="Modal">
                    <div>员工【{info?.nickname ?? ''}】的关联统计</div>
                    <hr/>
                    <div>房源记录：{tota.guest_total}</div>
                    <div>客源记录：{tota.house_total}</div>
                    <div>新闻公告：</div>
                    <div>业务问答：</div>
                    <div>工作总结：</div>
                    <div>日程计划：</div>
                    <div>黑名单：</div>
                    <hr/>
                    <div>合同记录：</div>
                    <div>业绩分成：</div>
                    <div>流程记录：</div>
                    <hr/>
                    <div>托管合同：</div>
                    <div>出租合同：</div>
                </div>
            </Modal>
        </React.Fragment>
    )

    // 获取列表数据getConfigParams
    function listGet(params = {}) {
        http('user.index', {
            ...fieldGet(
                // { name: 'like', },
                field, params,
                pager.page,
                pager.pageSize
            )
        }).then(res => {
            if (res.code === 1) {
                setSource(res.data.rows)
                setTotal(res.data.total)
            }
        })
    }
    // 获取底部权限设置数据
    function qxListGet() {
        http('user.getConfigParams').then(res => {
            if (res.code === 1) {
                setdata({ ...res.data })
                console.log(res.data);
            }
        })
    }
    function staffEdit(ids) {
        http('user.one', { ids }).then(res => {
            if (res.code === 1) {
                setStaffShow(!0)
            }
        })
    }
    function staffConfirm() {
        let url = editForm?.id ? 'user.edit' : 'user.add'
        http(url, {
            row: editForm
        }).then(res => {
            if (res.code === 1) {
                notification.success({
                    message: res.msg || '操作成功'
                })
                setEditForm(editDefault)
                setStaffShow(!1)
                listGet()
            } else {
                notification.error({
                    message: res.msg || '操作失败，请重试'
                })
            }
            // setMask({show: !1, text: ''})
        })
    }

    // 删除员工
    function listDel(id) {
        let ids = id > 0 ? [id] : ''
        http('user.del', { ids }).then(res => {
            if (res.code === 1) {
                listGet()
            }
        })
    }

    // 点击菜单
    function menuChange(id) {
        let newForm = JSON.parse(JSON.stringify(form))
        if (show) {
            newForm.group_id = id
            newForm.store_id = ''
            setMenuKeys(['store-' + id])

        } else {
            newForm.store_id = id
            newForm.group_id = ''
            setMenuKeys(['staff-' + id])

        }
        setForm(newForm)
        // setMenuKeys(['city-'+id])
    }
    // 切换部门还是职务的按钮事件
    function butChange(e) {
        if (e) {
            getdepartment(info?.group_id ?? '')
        } else {
            getstaff(info?.id ?? '')
        }
        setShow(e)
        listGet()
    }
    function handleChange(info) {
        if (info.file.status === 'uploading') {
            setLoading(true);
            return;
        }
        if (info.file.status === 'done') {
            // Get this url from response in real world.
            getBase64(info.file.originFileObj, (url) => {
                setLoading(false);
                setImageUrl(url);
            });
        }
    };

    function changeParams(name, value, type) {
        let newParams = { ...data }
        newParams[type][name]["value"] = value
        setdata(newParams)
    }

    // 全部选中
    function allSelected() {
        let newParams = { ...data }
        for (const iterator in newParams) {
            for (const i in newParams[iterator]) {
                for (const key in newParams[iterator][i]) {
                    if (!newParams[iterator][i][key]) {
                        newParams[iterator][i][key] = true
                    }
                }

            }
        }
        setdata(newParams)
    }

    // 全部清除
    function allDel() {
        let newParams = { ...data }
        for (const iterator in newParams) {
            for (const i in newParams[iterator]) {
                for (const key in newParams[iterator][i]) {
                    if (typeof newParams[iterator][i][key] === 'boolean' || typeof newParams[iterator][i][key] === "number") {
                        newParams[iterator][i][key] = false
                    }
                    if (typeof newParams[iterator][i][key] === 'string' && key === 'value') {
                        newParams[iterator][i][key] = '无'
                    }
                }
            }
        }
        setdata(newParams)
    }

    // 保存到员工
    function saveStaff() {
        let newprarms = {}
        console.log(data);
        for (const key in data) {
            newprarms[key] = {}
            for (const key2 in data[key]) {
                newprarms[key][key2] = {}
                for (const key3 in data[key][key2]) {
                    if (key3 === 'des') newprarms[key][key2][key3] = data[key][key2][key3]
                    if (key3 === 'value') newprarms[key][key2][key3] = data[key][key2][key3]
                }
            }
        }
        newprarms.user_id = info.id

        http('rule.savePower', { ...newprarms }).then(res => {
            if (res.code === 1) {
                notification.success({
                    message: res.msg || '添加成功'
                })
            } else {
                notification.error({
                    message: res.msg || '操作失败，请重试'
                })
            }
        }).catch(err => console.log(err))
    }

    // 保存到部门
    function savePost() {
        let newprarms = {}
        for (const key in data) {
            newprarms[key] = {}
            for (const key2 in data[key]) {
                newprarms[key][key2] = {}
                for (const key3 in data[key][key2]) {
                    if (key3 === 'des') newprarms[key][key2][key3] = data[key][key2][key3]
                    if (key3 === 'value') newprarms[key][key2][key3] = data[key][key2][key3]
                }
            }
        }
        newprarms.group_id = info.group_id
        console.log({
            ...newprarms
        });
        http('rule.savePowerToGroup', { ...newprarms }).then(res => {
            if (res.code === 1) {
                notification.success({
                    message: res.msg || '添加成功'
                })
            } else {
                notification.error({
                    message: res.msg || '操作失败，请重试'
                })
            }
        }).catch(err => console.log(err))
    }

    // 职务授权
    function staffConfirm2() {
        let newForm = { ...staffForm2 }
        newForm.user_id = store.getState().userInfo.id
        newForm.id = info.id
        newForm.store_id = info.store_id
        newForm.avatar = info.avatar
        newForm.nickname = info.nickname
        newForm.username = info.username
        newForm.gender = info.gender
        newForm.birthday = info.birthday
        let url = 'user.edit'
        http(url, {
            row: newForm
        }).then(res => {
            if (res.code === 1) {
                notification.success({
                    message: res.msg || '添加成功'
                })
                setstaffShow2(!1)
                listGet()
            } else {
                notification.error({
                    message: res.msg || '操作失败，请重试'
                })
            }
        })
    }
    // 部门调动
    function transfer() {
        let newForm = { ...transferForm }
        newForm.user_id = store.getState().userInfo.id
        newForm.id = info.id
        newForm.group_id = info.group_id
        newForm.avatar = info.avatar
        newForm.nickname = info.nickname
        newForm.username = info.username
        newForm.gender = info.gender
        newForm.birthday = info.birthday
        let url = 'user.edit'
        http(url, {
            row: newForm
        }).then(res => {
            if (res.code === 1) {
                notification.success({
                    message: res.msg || '添加成功'
                })
                settransfershow(!1)
                listGet()
            } else {
                notification.error({
                    message: res.msg || '操作失败，请重试'
                })
            }
        })
    }

    // 请求身份信息
    function getAllAuth() {
        http('auth.list').then(res => {
            console.log(res);
            if (res.code === 1) {
                setAllAuth(res.data.rows)
            }
        })
    }

    // 点击获取员工权限
    function getstaff(id) {
        http('rule.getUserPower', { id }).then(res => {
            const newdata = res.data
            let da = {
                customer: newdata.customer,
                house1: newdata.house01,
                house2: newdata.house02,
                system: newdata.system,
                id: newdata.id,
                user_id: newdata.user_id
            }
            deepMerge(da, data)
            for (const key in da) {
                for (const key2 in da[key]) {
                    for (const key3 in da[key][key2]) {
                        if (key3 === 'value' && (da[key][key2][key3] === '1' || da[key][key2][key3] === '0')) da[key][key2][key3] = da[key][key2][key3] * 1
                    }
                }
            }
            setdata(da)
        }).catch(err => console.log(err))
    }
    // 点击获取部门权限
    function getdepartment(id) {
        http('rule.getGroupPower', { id }).then(res => {
            const newdata = res.data
            let da = {
                customer: newdata.customer,
                house1: newdata.house01,
                house2: newdata.house02,
                system: newdata.system,
                id: newdata.id,
                user_id: newdata.user_id
            }
            deepMerge(da, data)
            for (const key in da) {
                for (const key2 in da[key]) {
                    for (const key3 in da[key][key2]) {
                        if (key3 === 'value' && (da[key][key2][key3] === '1' || da[key][key2][key3] === '0')) da[key][key2][key3] = da[key][key2][key3] * 1
                    }
                }
            }
            setdata(da)
        }).catch(err => console.log(err))
    }

    function deepMerge(target, other) {
        const targetToString = Object.prototype.toString.call(target);
        const otherToString = Object.prototype.toString.call(target);
        if (targetToString === "[object Object]" && otherToString === "[object Object]") {
            for (let [key, val] of Object.entries(other)) {
                if (!target[key]) {
                    target[key] = val;
                } else {
                    target[key] = deepMerge(target[key], val);
                }
            }
        } else if (targetToString === "[object Array]" && otherToString === "[object Array]") {
            for (let [key, val] of Object.entries(other)) {
                if (target[key]) {
                    target[key] = deepMerge(target[key], val);
                } else {
                    target.push(val);
                }
            }
        }
        return target;
    }

    // 获取部门信息
    function getAllStore() {
        http('store.list').then(res => {
            if (res.code === 1) {
                setAllStore(res.data.rows)
            }
        })
    }

    // 表格右键的菜单栏
    function VisibleChange() {
        setisDropdown(!isDropdown)
        // if(!e) setisDropdown(false)
    }

    function statistics() {
        http('user.Total',{user_id:info.id}).then(res => {
            console.log(res);
            if(res.code === 1) {
                settota(res.data)
            }
        }).catch(err=>console.log(err))
    }
}

export default Setting;